<!DOCTYPE html>
<html>
<head>
    <base href="${basePath}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>PROJECT-/</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/public/fk/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/public/css/lib/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/version/1.0.0/css/common.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/version/1.0.0/css/theme.index.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/version/1.0.0/css/theme.default.css">
</head>
<body class="app" >
    <div id="sidebar">
        <ul class="nav nav-stacked">
            <li>
                <a href="javascript:;"><i class="fa fa-lock"></i> 流程配置 </a>
                <ul class="nav nav-stacked" >
                    <li>
                        <a href="workflow_group_set/index" data-tabid="workflow_group_set_index" title="流程配置" data-tab="true">
                            流程组配置
                        </a>
                    </li>
                    <li>
                        <a href="work_flow_set/index" data-tabid="workflow_set_index" title="流程配置" data-tab="true">
                            流程配置
                        </a>
                    </li>
                    <li>
                        <a href="workflow_record/index" data-tabid="workflow_record_index" title="流程记录" data-tab="true">
                            流程记录
                        </a>
                    </li>
                    <li>
                        <a href="workflow_operate/index" data-tabid="workflow_operate_index" title="流程代办" data-tab="true">
                            流程代办
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="navbar" class="navbar-default container-fluid">
        <ul class="nav navbar-nav  navbar-right">
            <li><a href="#"><i class="glyphicon glyphicon-user"></i></a></li>
            <li><a href="#">用户（张三）</a></li>
            <li class="logout-li">
                <a href="${ctx}/logout" id="logout_a" class="logout">
                    <i class="glyphicon glyphicon-off" aria-hidden="true"></i>
                </a>
            </li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="glyphicon glyphicon-cog"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="glyphicon glyphicon-trash" title="清除缓存"></i>&nbsp;&nbsp;清理缓存</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-fullscreen" title="全屏模式"></i>&nbsp;&nbsp;全屏模式</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-user" title="个人设置"></i>&nbsp;&nbsp;个人设置</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="glyphicon glyphicon-envelope" title="建议反馈"></i>&nbsp;&nbsp;建议反馈</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="content" >
        <div tabid="home" title="首页" lselected="true" >
            <iframe frameborder="0" src="${ctx}/home/index" ></iframe>
        </div>
    </div>
</body>
<script type="text/javascript" src="${ctx}/static/public/js/lib/jquery/1.12.1/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/static/public/fk/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/static/public/js/lib/ligerui/1.3.3/base.js"></script>
<script type="text/javascript" src="${ctx}/static/public/js/lib/ligerui/1.3.3/ligerTab.js"></script>
<script type="text/javascript" src="${ctx}/static/public/js/lib/layer/2.2/layer.js"></script>
<script type="text/javascript" src="${ctx}/static/version/1.0.0/js/admin.js"></script>
<script type="text/javascript" src="${ctx}/static/version/1.0.0/js/common.js?201807w128"></script>
<script type="text/javascript">
    $("#sidebar>.nav li").on("mouseenter", function () {
        var $menu = $(this).find("ul:eq(0)");
        if ($menu.length > 0) {
            $menu.fadeIn("fast");
            var mtop = $menu.offset().top, mheight = $menu.height(), wheight = $(window).height();
            if(mheight>wheight) {
                mheight = wheight;
                $menu.css({"height":wheight,"overflow-x":"auto"});
            }
            if (mtop + mheight > wheight) {
                var ntop = wheight - mheight;
                $menu.offset({top: ntop - 7});
            }
        }
    }).on("mouseleave", function () {
        $(this).find("ul:eq(0)").hide();
    }).on("click", function () {
        if (!$(this).find("ul").length > 0) {
            $("#sidebar>.nav li>ul").hide();
        }
    });
</script>


</html>
